<!DOCTYPE html>
<html xmlns:th="http://www.thymeleaf.org">
	<head>
		<meta charset="utf-8">
		<title>自然厅</title>
		<!-- css -->
		<link rel="stylesheet" type="text/css" href="../assets/clientAssets/css/nature.css"/>
		<link rel="stylesheet" type="text/css" href="../assets/clientAssets/css/style.css"/>
		<link rel="stylesheet" type="text/css" href="../assets/commonAssets/font-awesome/css/font-awesome.css"/>
	</head>
	<body>
		<div class="title_box">
			<a href="narrate"><i class="fa fa-chevron-left"></i></a>
			<div class="title" th:text="${title}"></div>
		</div>
		<div class="main_box">
			<ul class="show_case" th:each="explain,start:${explainList}">
				<li class="case">
					<img src="../assets/clientAssets/img/showcase.jpg" th:src="${explain.getEimage()}">
					<audio src="../assets/clientAssets/video/Lakeside.mp3" controlsList="nodownload" controls="controls" th:src="${explain.getEvoice()}"></audio>
					<div class="showcase_description" th:text="${explain.getEname()}">展柜名称</div>
				</li>
			</ul>
		</div>
		<!-- js -->
		<script src="../assets/clientAssets/js/pause.js" type="text/javascript" charset="utf-8"></script>
	</body>
</html>
